import React, { Component } from 'react';

class App extends Component {

  // 2.1 创建一个 ref 属性
  nameRef = React.createRef()

  render() {
    return (
      <div>
        <input type="text" ref='inp' />

        {/* 2.2 给元素添加 ref 属性 */}
        <input type="text" ref={this.nameRef} />


        <button onClick={()=>{
          // 1. 给元素直接设置一个 ref 属性，值是一个字符串，然后通过 this.refs 进行获取
          // 因为 refs 被划了横线，代表该属性即将被移除
          console.log(this.refs.inp.value)

          // 2.3 获取元素
          // .current 是当前被标记的元素，该写法是固定的
          console.log(this.nameRef.current.value);
        }}>获取输入的内容</button>
      </div>
    );
  }
}

export default App;
